/* 
  学习目标：使用 useState 声明状态 - 可以在函数组件内声明和改变状态
  语法： const [状态变量，更新状态的函数] = useState(初始值)
  步骤：
    1. 导入useState钩子函数： 声明状态
    2. 调用函数
    3. 解构数组，获取：状态变量，和更新状态的函数
*/

import React, { useState } from 'react';

export default function App() {
  // const [count, handleCount] = useState(100);
  // 返回值是一个数组--[状态变量，更新状态的函数]
  const [count, setCount] = useState(100);
  return (
    <div>
      {/* 展示状态值 */}
      <h3>{count}</h3>
      {/* 注意与setState的区别： setState({count:count+1})*/}
      {/* setCount()调用传参，直接传递具体数据即可，不需要包裹成对象 */}
      <button onClick={() => setCount(count + 1)}>点我+1</button>
    </div>
  );
}
